kepil™|css 3 kolom

css ini dibuat oleh SAFIKuntuk melihat hasil karyanya lihat DI SINI dan css 3 kolom ini telah di edit oleh edryc untuk hasil pengeditannya lihat di bawah ini

jika efek 3D tidak tampak,ulangi beberapa kali sampai epek 3D muncul

ikuti langkah2nya secara benar,jangan sampai terlewatkan...
1.CSS
pasang ini paling atas sendiri

<link href= "http://edryc.wapsite.me/v1/deks.css" rel= "stylesheet" type= "text/css" media= "all,handheld" /><link rel= "shortcut icon" href= "http://edryc.wapsite.me/images/pen.png" >
2.HEADER
bagian ini biasanya buat logo,jam,tgl,salam dll

<div class= "coz" align= "left" ><img src= "http://edryc.wapsite.me/images/09.gif" width= "40%" ><br/><b> silahkan isi di sini dg ucapan apa saja.. <br> dan isi juga di sini tulisanapa saja broth.. Met berkreasi.. </b></div>
3. HEADER ke 2
pasang ini tahap ke 3,isi urlnya dgan url home,menu,guestbook,wapmaster dll isi sesuka anda
<table width= "100%" cellpadding= "3" cellspacing= "3 " class= "top" ><tr><td width= "16%" valign= "top" ><a href= "Link1" ><div class= "coz" align= "center" ><img src= "http://edryc.wapsite.me/images/ikon.png" width= "15" ><b> LINK 1 </b></div></a></td><td width= "16%" valign= "top" ><a href= "Link2" ><div class= "coz" align= "center" ><img src= "http://edryc.wapsite.me/images/ikon.png" width= "15" ><b> LINK 2 </b></div></a></td><td width= "16%" valign= "top" ><a href= "Link3" ><div class= "coz" align= "center" ><img src= "http://edryc.wapsite.me/images/ikon.png" width= "15" ><b> LINK 3 </b></div></a></td><td width= "16%" valign= "top" ><a href= "Link 4" ><div class= "coz" align= "center" ><img src= "http://edryc.wapsite.me/images/ikon.png" width= "15" ><b> LINK 4 </b></div></a></td><td width= "16%" valign= "top" ><a href= "Link5" ><div class= "coz" align= "center" ><img src= "http://edryc.wapsite.me/images/ikon.png" width= "15" ><b> LINK 5 </b></div></a></td><td width= "16%" valign= "top" ><a href= "Link6" ><div class= "coz" align= "center" ><img src= "http://edryc.wapsite.me/images/ikon.png" width= "15" ><b> LINK 6 </b></div></a></td></tr></table>
4. UCAPAN
isi apa saja

</td><br/><td width= "55%" valign= "top" ><div class= "top" style= "padding:10px;" align= "left" ><img src= "http://edryc.wapsite.me/images/ikon.png" width= "20" ><font size= "5" > TEKS KAMU </font><hr/><br/><div class= "coz" style= "padding:5px;" ><li><b> Taruh disini teks apa saja </b></li><p style= "text-align:left;text-indent:20px;margin:1px;padding:2px;" > Nah di area ini,kamu dapat menaruh unek unek mu.. Misal ucapan selamat menikmati menu seadaanya ini </p><b> Taruh disini teks apa saja </b></a></div><br />
5. Pasang ini langkah ke 4

<table width= "100%" cellpadding= "3" cellspacing= "3" ></p>
6. JUDUL MENU
pada kolom 1

<td width= "25%" valign= "top" ><div class= "top" style= "padding:5px;" align= "left" ><img src= "http://edryc.wapsite.me/images/ikon.png" width= "17" ><b> JUDUL MENU </b>
7. MENU KOLOM 1
isi dengan link dan nama
link kamu

<div class= "menu" ><li><a href= "Link1" > Nama menu 1 </a></li></div><div class= "menu" ><li><a href= "Link2" > Nama menu 2 </a></li></div><div class= "menu" ><li><a href= "Link3" > Nama menu 3 </a></li></div><div class= "menu" ><li><a href= "Link4" > Nama menu 4 </a></li></div><div class= "menu" ><li><a href= "Link5" > Nama menu 5 </a></li></div><div class= "menu" ><li><a href= "Link6" > Nama menu 6 </a></li></div><div class= "menu" ><li><a href= "Link7" > Nama menu 7 </a></li></div><div class= "menu" ><li><a href= "Link8" > Nama menu 8 </a></li></div><div class= "menu" ><li><a href= "Link9" > Nama menu 9 </a></li></div><div class= "menu" ><li><a href= "Link10" > Nama menu 10 </a></li></div></div>
8. JUDUL MENU 2
pada kolom 1
<div class= "top" style= "padding:5px;" align= "left" ><img src= "http://edryc.wapsite.me/images/ikon.png" width= "17" ><b> NAMA MENU 2 </b>
9. MENU Dikolom 1
<div class= "menu" ><li><a href= "Link1" > Nama menu 1 </a></li></div><div class= "menu" ><li><a href= "Link2" > Nama menu 2 </a></li></div><div class= "menu" ><li><a href= "Link3" > Nama menu 3 </a></li></div><div class= "menu" ><li><a href= "Link4" > Nama menu 4 </a></li></div><div class= "menu" ><li><a href= "Link5" > Nama menu 5 </a></li></div><div class= "menu" ><li><a href= "Link6" > Nama menu 6 </a></li></div><div class= "menu" ><li><a href= "Link7" > Nama menu 7 </a></li></div><div class= "menu" ><li><a href= "Link8" > Nama menu 8 </a></li></div><div class= "menu" ><li><a href= "Link9" > Nama menu 9 </a></li></div><div class= "menu" ><li><a href= "Link10" > Nama menu 10 </a></li></div></div>
10. ISI TEKS KAMU

<hr/><div class= "coz" align= "left" ><li> TEKS KAMU COY </li></div></div>
11. PENUTUP KOLOM 1

<div class= "top" ><div class= "coz" style= "padding:5px;" > Nah di area ini,kamu dapat menaruh,teks,image,anu kamu,atau apalah yang mau kamu taruh di sini.. </div></div>

<div class= "coz" ><center> TEKS KAMU </div><div class= "top" ><div class= "coz" style= "padding:5px;" > Begitu juga di area ini,kamu dapat menaruh unek unek mu.. Bisa menu,counter,image,gbr,atau apalah yang mau kamu taruh di sini..Jika kurang copy script yg inidan tambahkan di bawahnya </div></div>
12. KOLOM 2
isi dengan menu,artikel,posting,cbox dll

<div class= "top" style= "padding:10px;" align= "left" ><img src= "http://edryc.wapsite.me/images/ikon.png" width= "20" ><b> Taruh disini teks apa saja </b></li><p style= "text-align:left;text-indent:20px;margin:1px;padding:2px;" > Nah di area ini,kamu dapat menaruh unek unek mu.. Bisa menu,cbox,image,gbr,atau apalahyang mau kamu taruh di sini.. </p><b> Taruh disini teks apa saja </b></a></div><br />

<div class= "top" style= "padding:10px;" align= "left" ><img src= "http://edryc.wapsite.me/images/ikon.png" width= "20" ><b> Taruh disini teks apa saja </b></li><p style= "text-align:left;text-indent:20px;margin:1px;padding:2px;" > Nah di area ini,kamu dapat menaruh unek unek mu.. Bisa menu,cbox,image,gbr,atau apalahyang mau kamu taruh di sini.. </p><b> Taruh disini teks apa saja </b></a></div><br />

<div class= "top" ><div class= "coz" > Nah di area ini,kamu dapat menaruh unek unek mu.. Bisa menu,,image,gbr,atau apalahyang mau kamu taruh di sini.. </div></div></div></td><br />

<div class= "top" style= "padding:10px;" align= "left" ><img src= "http://edryc.wapsite.me/images/ikon.png" width= "20" ><b> Taruh disini teks apa saja </b></li><p style= "text-align:left;text-indent:20px;margin:1px;padding:2px;" > Nah di area ini,kamu dapat menaruh unek unek mu.. Bisa menu,cbox,image,gbr,atau apalahyang mau kamu taruh di sini.. </p><b> Taruh disini teks apa saja </b></a></div><br />
13. KOLOM 3
isi apa saja terserah anda

<td width= "20%" valign= "top" ><div class= "top" align= "left" ><img src= "http://edryc.wapsite.me/images/ikon.png" width= "17" ><b> TEKS KAMU </b><hr /> PERHATIAN!! <br/> Teks di seluruh halaman ini hanyacontoh,kamu bisa mengalih pungsikan sesuai dg ke inginan dan kebutuhan mu <hr/> Jika kamumenemui kesulitan dalam pengeditan silahkan tanyakan langsung.. Hapuslah semua teks dihalaman ini dan gantilah dg menu2 kamu.. Mudah mudahan kamu paham.. <div class= "coz" > Nahdi area ini,kamu dapat menaruh unek unek mu.. Bisa menu,cbox,image,gbr,atau apalahyang mau kamu taruh di sini.. </div></div>

<div class= "top" style= "padding:5px;" align= "left" ><img src= "http://edryc.wapsite.me/images/ikon.png" width= "17" ><b> TEKS KaMU </b><hr /><ul style= "text-align:left;" ><li> Teks di seluruh halaman ini hanya contoh,kamu bisa mengalih pungsikan sesuai dg ke inginan dan kebutuhan mu <hr/> Jika kamumenemui kesulitan dalam pengeditan silahkan tanyakan langsung.. Hapuslah semua teks dihalaman ini dan gantilah dg menu2 kamu.. Mudah mudahan kamu paham.. </li></ul></div></td><br />
14. TAMBAHAN
isi dengan top rating,counter
visitor dll

<tr><td width= "30%" align= "top" ><div class= "coz" style= "padding:5px;text-align:left;" ><img src= "http://edryc.wapsite.me/images/ikon.png" width= "17" ><b> Teks kamu </b><hr/> Teks kamu atau isi apa saja disini <br/> ini hanya contoh teks kamu bisa isi di sini dg apa saja broth </div></td>
15. LAINNya
isi dengan ucapan atau
apa saja

<td width= "40%" align= "top" ><div class= "coz" style= "padding:5px;text-align:center;" ><img src= "http://edryc.wapsite.me/images/ikon.png" width= "17" ><b> Isi teks kamu </b><hr/><p style= "text-align:left;text-indent:20px;" > Pada bagian ini silahkan di isi dengan ucapan terakhirmu hehehe maksut ku misal: <hr/> Terimakasih atas kunjungan mu di wapsiteku yg sederhana ini.. </p></div></td>
16. TAMBAHAN
isi apa saja terserah anda

<td width= "30%" align= "top" ><div class= "coz" style= "padding:5px;text-align:left;" ><img src= "http://edryc.wapsite.me/images/ikon.png" width= "17" ><b> TEKS KAMU </b><hr /> Letakan apa saja disini yg kamu mau cuy <hr/> di sini juga letakan apa saja, </div></td></tr>
17.PENUTUP HALAMAN
ubah dlu namanya menjadi
nama kamu sebelum kamu
pasang

<tr><td colspan= "3" align= "center" ><div class= "top" ><div class= "coz" ><b> CopyRight By :EDRYC18 <a href= "http://edryc18.blogspot.com" > ™ </a><br/> © 2011 ~ 2020 <br /> ~ all rights reserved ~ <br /></b>

untuk hasil dari kode-kode
diatas bisa anda lihat DI SINI